<template>
  <div>
    <!-- v-text和v-html -->
    <!-- 作用： 设置标签的内容 -->
    <!-- 区别： v-text不解析html标签字符串； v-html会自动解析html标签字符串 -->

    <!-- 语法： v-text="值" -->
    <div v-text="msg"></div>
    <div>{{ msg }}</div>

    <!-- 语法： v-html="值" -->
    <div v-html="msg"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "hello <span style='color: red;'>vue</span>",
    };
  },
};
</script>

<style></style>
